.top-bar {
  height: 35px;
  background-color: var(--main-color);
  line-height: 30px;
  color: #fff;

  .content {
    display: flex;
    align-items: center;
    height: 30px;
    width: 716px;
  }

  .nav-item {
    padding: 5px 10px;
    margin-right: 44px;
    height: 28px;
    // height     : 35px;
    // line-height: 35px;
    display: flex;
    align-items: center;
    border-radius: 14px;
    cursor: pointer;

    &:hover {
      background-color: #9b0909;
    }
    &.active {
      background-color: #9b0909;
    }
  }
}

@media (max-width: 900px) {
  .top-bar {
    display: none;
  }
}
